<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/lib/class_index.css">
</head>
<body>
	<div class="top">
		<div class="container top-cont clearfix">
			<p class="fl">欢迎登陆北京市教师培训平台</p>
			<a class="fr" href="#">
				<i class="iconfont">&#xe601;</i>
				移动端客户端下载
			</a>
		</div>
	</div>
	<div class="header">
		<div class="container header-bar clearfix">
			<div class="navbar-header">
				<a href="#">
					<img src="images/icon/logo.png" alt="">
				</a>
			</div>
			<ul class="nav navbar-right">
				<li>
					<a href="#">
						<i class="iconfont">&#xe604;</i>
						短消息
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe602;</i>
						个人中心
					</a>
				</li>
				<li>
					<a href="#">
						<i class="iconfont">&#xe603;</i>
						退出
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 内容区域 -->
	<div class="container">
		<div class="c-top clearfix">
			<div class="c-top-head">
				<a href="#">
					<img src="images/img/class.png" alt="">
				</a>
			</div>
			<div class="c-top-cont">
				<p>
					<span>
						班级名称：
					</span>
					<span class="f18">我是班级名称~</span>
				</p>
				<p>
					<span>辅导教师：</span>
					<span>李天真  张晓海    汪阑珊</span>


				</p>
				<p>
					<span>项目名称：</span>
					<span>北京市西城区教师培训</span>
				</p>
				<p>
					<span>班级介绍：</span>
					<span>我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍我是
                  班级介绍我是班级介绍我是班级介绍我是班级介绍我是班级介绍。</span>
                  <a class="compile" href="#">[编辑]</a>
				</p>
			</div>
		</div>
		<div class="c-navbar">
			<ul>
				<li class="c-addColor">
					<a href="#">班级首页</a>
				</li>
				<li>
					<a href="#">通知公告</a>
				</li>
				<li>
					<a href="#">学习简报</a>
				</li>
				<li>
					<a href="#">学习研讨</a>
				</li>
				<li>
					<a href="#">学习资源</a>
				</li>
				<li>
					<a href="#">提问答疑</a>
				</li>
				<li>
					<a href="#">课堂作业</a>
				</li>
			</ul>
		</div>
		<div class="mian clearfix">
			<!-- c-right -->
			<div class="c-right clearfix">
				<div class="item item-n">
					<h4 class="item-tit">
						<span>通知公告</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-list">
						<ul class="item-list-ul">
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item item-n">
					<h4 class="item-tit">
						<span>班级学情</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-table">
						<table>
							<tr>
								<td>班级人数</td>
								<td>50</td>
								<td>登录人数</td>
								<td>50</td>
							</tr>
							<tr>
								<td>班级人数</td>
								<td>50</td>
								<td>登录人数</td>
								<td>50</td>
							</tr>
							<tr>
								<td>班级人数</td>
								<td>50</td>
								<td>登录人数</td>
								<td>50</td>
							</tr>
							<tr>
								<td>班级人数</td>
								<td>50</td>
								<td>登录人数</td>
								<td>50</td>
							</tr>
							<tr>
								<td>班级人数</td>
								<td>50</td>
								<td>登录人数</td>
								<td>50</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="item item-n">
					<h4 class="item-tit">
						<span>学习简报</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-list">
						<ul class="item-list-ul">
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item item-n">
					<h4 class="item-tit">
						<span>学习研讨</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-list">
						<ul class="item-list-ul">
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">01-20</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item item-n">
					<h4 class="item-tit">
						<span>学习资源</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-list">
						<ul class="item-list-ul">
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item item-n">
					<h4 class="item-tit">
						<span>学习资源</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-list">
						<ul class="item-list-ul">
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="ellip">2015年度西城区教育系统推荐高级教师评审结果公示</span>
									<span class="time">张思雨</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item item-n item-w">
					<h4 class="item-tit">
						<span>提问答疑</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="answers-warp">
						<div class="answers">
							<div class="answers-name clearfix">
								<strong>韩春华</strong>
								<span>(北京师范大学)</span> 
								<em class="c999">2016-01-21  10:36</em>
								<a href="#" class="fr f39">编辑</a>
							</div>
							<div class="ask">
								<table class="ask-table">
									<tr>
										<td>
											<span class="ask-zi wen">
												问
												<i class="triangle-right"></i>
											</span>
										</td>
										<td>
											老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
										</td>
									</tr>
									<tr>
										<td>
											<span class="ask-zi wen ask-zi-red">
												答
												<i class="triangle-right riangle-red"></i>
											</span>
										</td>
										<td>
											<span class="cf75">张老师：</span>
											<span class="c999">您好！正常是有声音和画面的，我们这边测试是没有问题的，您在看一下，如果还是有问题的话可以联系我们的客服帮助您处理,谢谢。</span>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="answers">
							<div class="answers-name clearfix">
								<strong>韩春华</strong>
								<span>(北京师范大学)</span> 
								<em class="c999">2016-01-21  10:36</em>
								<a href="#" class="fr f39">解答</a>
							</div>
							<div class="ask">
								<table class="ask-table">
									<tr>
										<td>
											<span class="ask-zi wen">
												问
												<i class="triangle-right"></i>
											</span>
										</td>
										<td>
											老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
										</td>
									</tr>
									<tr>
										<td>
											<span class="ask-zi wen ask-zi-wei">
												未
												<i class="triangle-right riangle-wei"></i>
											</span>
										</td>
										<td>
											<span class="cf75">此问题您还未解答</span>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="answers">
							<div class="answers-name clearfix">
								<strong>韩春华</strong>
								<span>(北京师范大学)</span> 
								<em class="c999">2016-01-21  10:36</em>
								<a href="#" class="fr f39">编辑</a>
							</div>
							<div class="ask">
								<table class="ask-table">
									<tr>
										<td>
											<span class="ask-zi wen">
												问
												<i class="triangle-right"></i>
											</span>
										</td>
										<td>
											老师，我买书的时候不懂，以为书都是大同小异，我在淘宝上买了中公教育的书，但您讲课的时候，很多内容都不一样，这让的很困恼，怎么办？ 
										</td>
									</tr>
									<tr>
										<td>
											<span class="ask-zi wen ask-zi-red">
												答
												<i class="triangle-right riangle-red"></i>
											</span>
										</td>
										<td>
											<div class="textar">
												<div class="form-group">
													<textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
												</div>
												<button type="button" class="btn btn-cyan mr20">提交</button>
												<button type="button" class="btn btn-orange">取消</button>
											</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- c-left -->
			<div class="c-left">
				<div class="item">
					<h4 class="item-tit">
						<span>辅导教师</span>
					</h4>
					<div class="c-item-te">
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<a class="head-img-s head-img-xs" href="#">
									<img class="media-object" src="http://img6.faloo.com/Picture/0x0/0/52/52522.jpg" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">深田恭子</h4>
								<p class="c999">
									北京师范大学讲师
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="item">
					<h4 class="item-tit">
						<span>班级成员</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-name">
						<ul>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
							<li>
								<a href="#">孙秋静</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="item">
					<h4 class="item-tit">
						<span>最近访客</span>
						<a class="more" href="#">更多>></a>
					</h4>
					<div class="item-head">
						<ul>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
							<li>
								<a class="head-img-s head-img-small" href="#">
									<img src="http://www.52tq.net/uploads/allimg/160203/100GH623-2.jpg" alt="">
								</a>
								<p class="">孙秋静</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="footer-cont container">
			<ul>
				<li>
					<a href="#">关于我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站地图</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">网站声明</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">友情链接</a>
				</li>
				<li>
					<a href="#">|</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<p>版权所有 2015 ©北京思纽教育科技有限公司  京ICP备1006888号</p>
		</div>
	</div>
</body>
</html>